@charset "UTF-8";
@import "compass/reset";
@import "compass/css3";
@import "compass/utilities/";
$icons: sprite-map('icons/*.png',$spacing:25px);
@import "compass/utilities/sprites";
@import "compass/layout/";
@import "compass/typography";
// bower:scss
// endbower

.click-block{
  display: none!important;
}

.browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

body {
  padding: 0;
  overflow: hidden!important;
}

/* Everything but the jumbotron gets side spacing for mobile first views */
.header,
.marketing,
.footer {
  padding-left: 15px;
  padding-right: 15px;
}

/* Custom page header */
.header {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 10px;

  /* Make the masthead heading the same height as the navigation */
  h3 {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 40px;
    padding-bottom: 19px;
  }
}

/* Custom page footer */
.footer {
  padding-top: 19px;
  color: #777;
  border-top: 1px solid #e5e5e5;
}

.container-narrow > hr {
  margin: 30px 0;
}

/* Main marketing message and sign up button */
.jumbotron {
  text-align: center;
  border-bottom: 1px solid #e5e5e5;

  .btn {
    font-size: 21px;
    padding: 14px 24px;
  }
}

/* Supporting marketing content */
.marketing {
  margin: 40px 0;

  p + h4 {
    margin-top: 28px;
  }
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  .container {
    max-width: 730px;
  }

  /* Remove the padding we set earlier */
  .header,
  .marketing,
  .footer {
    padding-left: 0;
    padding-right: 0;
  }
  /* Space out the masthead */
  .header {
    margin-bottom: 30px;
  }
  /* Remove the bottom border on the jumbotron for visual effect */
  .jumbotron {
    border-bottom: 0;
  }
}

body{
  font-size: 1em;
  line-height: 1em;
}
a{
  text-decoration: none;
  outline: none;
}
img{
  border: none;
  vertical-align: top;
}
textarea{
  resize: none;
}
input, textarea {
  color: #000;
}
.placeholder {
  color: #aaa;
}
//强制换行
.break{
  word-break:break-all;
  word-wrap:break-word;
}
/*清除谷歌浏览器获得焦点时的外边框*/
input,textarea:focus {
  outline: none;
}
/*清除所有默认边框*/
*:focus {
  outline: none;
}

body{
  .adv{
    padding: 0;
    //height: 75px;
    a{
      height: 100%;
      width: 100%;
      z-index: 100;
      display: block;
      //position: absolute;
      //left: 0;
      //top: 0;
    }
    img{
      //display: block;
      //position: absolute;
      //left: 0;
      //top: 0;
      width: 100%;
      height: 100%;
    }
  }
  .ion-ios-arrow-back{
    display: none;
  }
  .ion-android-arrow-back{
    display: none;
  }
  .header{
    background-color: #17356a!important;
    border-color: #17356a!important;

  }
  .slideIndex{
    width: 100%;
    display: block;
    height: 236px;
  }
  .slideAbstract{
    height: (56 / 2) + px;
    color: white;
    font-size: (28 / 2 /16) + rem;
    background-color: black;
    @include opacity(0.5);
    margin-top: ( - 56 / 2) + px;
  }
  .slider-pager .slider-pager-page{
    background-color: blue;
    opacity: 1!important;
    @include border-radius(180px);
    height: 8px!important;
    width: 8px!important;
    .ion-record{
      display: none;
    }
  }
  .slider-pager-page.active{
    background-color: white!important;
  }
  .slideAbstractNews{
    font-weight: bold;
    line-height: 27px;
    width: 70%;
    @include ellipsis;
    text-indent: 15px;
    display: inherit;
  }
  .actives{
    @include border-radius(180px);
    background-color: white!important;
  }
  .slider-pager{
    width: 30%!important;
    position: absolute;
    bottom: 12px;
    right: -16px;
  }
  .newsBarTitle{
    background-color: #f0f0f0!important;
    span:nth-of-type(1){
      font-weight: bold;
    }
    span:nth-of-type(3){
      float: right;
      cursor: pointer;
    }
  }
  .homeNewTitle{
    color: #505050!important;
    line-height: 25px;
  }
  .homeNewAuthor{
    color: #8f8f8f!important;
  }
  .homeNews{
    background-color: #ffffff!important;
  }
  .bar.bar-assertive.bar-footer{
    background-color: #17356a!important;
  }
  .footer{
    z-index: 20;
    padding: 0!important;
    background-color: #17356a;
    .footerStyle{
      background-color: #17356a !important;
      padding-bottom: 10px;
    }
  }
  @keyframes newsSlide-add {
    from{
      @include opacity(0);
    }
    to{
      @include opacity(1);
    }
  }
  @-webkit-keyframes  newsSlide-add {
    from{
      @include opacity(0);
    }
    to{
      @include opacity(1);
    }
  }
  .slideAbstractNews-add{
    -webkit-animation: 2s newsSlide-add;
    animation: 2s newsSlide-add;
  }
  .footerBar{
    height: 100%;
    display: inline-block;
  }
  .barData{
    font-size: (26.45 / 2) + px;
    text-align: center;
  }
  .homeRouteBar1{
    margin:  0 auto;
    margin-top: 6px;
    height: 22px;
    width: 22px;
    @include replace-text("homeRouteBar1.png");
    background-size: contain;
  }
  .homeRouteBar2{
    margin:  0 auto;
    margin-top: 6px;
    height: 22px;
    width: 22px;
    @include replace-text("homeRouteBar2.png");
    background-size: contain;
  }
  .homeRouteBar3{
    margin:  0 auto;
    margin-top: 6px;
    height: 22px;
    width: 22px;
    @include replace-text("homeRouteBar3.png");
    background-size: contain;
  }
  .homeRouteBar4{
    margin:  0 auto;
    margin-top: 6px;
    height: 22px;
    width: 22px;
    @include replace-text("homeRouteBar4.png");
    background-size: contain;
  }
  .serverCircle{
    height: 51px;
    width: 18px;
    margin: 0 auto;
  }
  .serverBox{
    height: 51px;
    width: 51px;
    @include border-radius(180px);
  }
  .serverListBox{
    width: 82.34375%;
    margin: 0 auto;
    margin-top: 10%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-align: start;
    -moz-box-align: start;
    box-align: start;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    .serverBox{
      width: 51px;
      .serverData{
        text-align: center;
        font-size: (30 / 2 / 16) + rem;
        line-height: 31px;
      }
      @for $i from 1 to 7{
        .server#{$i}{
          @include replace-text('server#{$i}.png');
          background-size: contain;
        }
      }
    }
  }
  .reportTitle{
    color: #606060;
  }
  .userHeadBox{
    color: white;
    font-size: (38 / 2 /16) + rem;
    height: 130px;
    width: 100%;
    background-color: #17356a;
    margin: 0 auto;
  }
  .userHeadBox{
    .boxMain{
      img{
        @include border-radius(180px);
      }
      div{
        padding-top: 10px;
        text-align: center;
      }
    }
    img{
      display: block;
      margin: 0 auto;
      max-width: (129 / 2) + px;
    }
  }
  .userItem{
    border-color: #17356a!important;
    span:nth-of-type(1){
      text-indent: 2em;
      color: #17356a;
      padding-left: 30px;
    }
    span:nth-of-type(2){
      display: inline-block;
      height: 5px;
      width: 5px;
      background-color: #e15a00;
      margin-bottom: 8px;
      @include border-radius(180px);
    }
    span:nth-of-type(3){
      display: block;
      height: 15px;
      width: 10px;
      float: right;
      background: sprite($icons,rBut) no-repeat;
    }
    @for $i from 1 to 7{
      .butImg#{$i}{
        @include replace-text('userTable#{$i}.png');
        background-size: contain;
        background-position: 5% 50%!important;
      }
    }
  }
  .signOut{
    .bar.bar-energized{
      width: 56.25%;
      background-color:#e15a00;
      margin:  0 auto;
      margin-top: (86 / 2) + px;
      @include border-radius(40px);
      span{
        background: sprite($icons,signOut,30px,11px) no-repeat;
        text-indent: 1em;
      }
    }
  }
  .signInBox{
    position: absolute;
    height: 120%;
    width: 100%;
    background-color: #17356a;
    display: inline-block;
    .text{
      border: none!important;
      display: block;
      margin: 0 auto;
      height: 13.24965%;
      width: 86.875%;
      @include border-radius(40px);
      margin-top: 4.9735%;
    }
    .marginFix{
      margin-top: 0!important;
    }
    button{
      .title{
        font-size: (38 / 2 /16) + rem;
        color: white;
      }
    }
    button:nth-of-type(1){
      background-color: #e15a00;
    }
    button:nth-of-type(2){
      background-color: #092963;
    }
    .textEmail{
      text-indent: 2em;
    }
    .textPassword{
      text-indent: 2em;
    }
    .forget{
      text-align: center;
      color: white;
    }
  }
  .thirdSignIn{
    //position: absolute;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    height: 130px;
    background-color: #f1f5f8;
    border-top: 1px solid #c3ccd3;
    top: auto !important;
    bottom: 0% !important;
    left: 0;
    right: 0;
    span:nth-last-of-type(1){
      color: #8f8f8f;
      font-size: (24 / 2 /16) + rem;
      width: 90%;
      display: block;
      text-align: center;
      margin: 0 auto;
      margin-top: 3%;
    }
    .shareBox{
      height: (155 / 2) + px;
      @media screen and (max-height: 490px){
        .box{
          margin-top: 0!important;
        }
      }
      .box{
        width: 76.40625%;
        height: 100%;
        margin: 0 auto;
        margin-top: 5%;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        -webkit-box-align: start;
        -moz-box-align: start;
        box-align: start;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        box-pack: justify;
      }
      p{
        font-size: (28 / 2 / 16) + rem;
        color: #505050;
        text-align: center;
        line-height: 25px;
      }
      .share1{
        height: 56px;
        width: 56px;
        background: sprite($icons,weixin) no-repeat;
      }
      .share2{
        height: 56px;
        width: 56px;
        background: sprite($icons,xinglang) no-repeat;
      }
      .share3{
        height: 56px;
        width: 57px;
        background: sprite($icons,qq) no-repeat;
      }
    }
  }
  .userCheckbox{
    border: none;
    width: 77.03123%;
    display: block;
    margin-left: 8%;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 16px;
    color: white;
    background-color: #17356a
  }
  .userReviseBox{
    //label{
    //  padding-left: 0!important;
    //  background-color: inherit!important;
    //}
  }

  .searchBox{
    display: inline-block;
    width: 100%;
    height: (98 / 2) + px;
    background-color: #f2f2f2;
    .searchBoxText{
      color: #17356a;
      text-indent: 1em;
      margin-top: 8px;
      margin-left: 3.75%;
      width: 85.625%;
      height: (66 / 2) + px;
      @include border-radius(40px);
      border: 1px solid #dddddd;
    }
    .search{
      height: 17px;
      width: 17px;
      position: absolute;
      top: 16px;
      left: 80%;
      background: sprite($icons,search) no-repeat;
    }
    .clearSearch{
      float: right;
      margin-top: -22px;
      margin-right: 5%;
      height: 10px;
      width: 11px;
      background: sprite($icons,clearSearch) no-repeat;
    }
  }
  .scrollHeight{
    height: 100%;
  }
  .heightFix{
    height: 50px;
  }
  .setupBarName{
    float:left;
  }
  .rBut{
    display: block;
    height: 15px;
    width: 10px;
    float: right;
    background: sprite($icons,rBut) no-repeat;
  }
  .teamContent{
    background-color: #f0f0f0;
    .teamList{
      border-top: 1px solid #dadada;
      border-bottom: 1px solid #dadada;
      position: relative;
      min-height: 87px;
      display: inline-block;
      width: 100%;
      background-color: white;
      margin-bottom: 6px;
      .teamImg{
        margin: 16px;
        height: 62px;
        width: 55px;
        border: none;
        display: block;
        position: absolute;
      }
      .teamData{
        margin-top: 16px;
        width: 52.03125%;
        word-wrap: break-word;
        word-break: break-all;
        display: block;
        margin-left: 25%;
        h3{
          font-weight: 600;
          font-size: (32 / 2 /16) + rem;
          color: #17356a;
        }
        p{
          line-height: 19px;
          font-size: (24 / 2 /16) + rem;
          color: #505050;
        }
      }
      .downListBut{
        position: absolute;
        display: block;
        height: 20px;
        width: 20px;
        background: sprite($icons,downListBut) no-repeat;
        top: 38%;
        right: 14px;
      }
    }
    .slide{
      margin: 0;
      background-color: white;
      margin-top: -6px;
      text-indent: 2em;
      font-size: 0.75rem;
      line-height: 25px;
      padding: 10px;
      margin-bottom: 6px;
      border-bottom: 1px solid #dadada;
    }
  }
  .slideDown{
    @include transform(rotate(180deg));
    @include transition(transform .2s ease-in-out);
  }
  .community{

    .fullScreen{
      height: 100%;
    }
    .itemTitle{
      background-color: #f2f2f2;
      font-size: (30 / 2 / 16) + rem;
      color: #092963;
    }
    .moreBut{
      display: block;
      float: right;
      height: 13px;
      width: 13px;
      padding-left: 32px;
      background: sprite($icons,moreCommunity,10,0) no-repeat;
    }
    .floatTag{
      margin-top: 15px;
    }
    .floatBox{
      margin-left: 3.90625%;
      margin-bottom: 15px;
      display: block;
      background-color: #f2f2f2;
      float: left;
      color: #8f8f8f;
      font-size: 14px;
      line-height: 1.875rem;
      padding-left: 10px;
      padding-right: 10px;
      @include border-radius(40px);
    }
  }
  .scrollFix{
    height: 130px;
    float: left;
    width: 10px;
  }

  .commentBox{
    @include clearfix;
    margin: 0 auto;
    width: 95%;
    border-bottom: 1px dashed #dbe0e6;
    .userHand{
      @include border-radius(180px);
      margin-top: 20px;
      width: 62px;
      .userPic{
        @include border-radius(180px);
        height: (62 / 2) + px;
        width: (62 / 2) + px;
      }
    }
    .commentMain{
      position: relative;
      top:-38px;
      left: (80 / 2) + px;
      margin-bottom: -22px;
      width: 88%;
      .userName{
        font-size: (32 / 2 /16) + rem;
        color: #17356a;
      }
      .praise{
        font-size: (32 / 2) + px;
        float: right;
        color: #3e90c3;
        line-height: (31 / 2) / 16 + rem;
      }
      .praiseImg{
        float: right;
        height: 30px;
        width: 18px;
      }
      .commentMainWord{
        padding-bottom: (10 / 2) + px;
        line-height: (40 / 2) / 16 + rem;
        font-size: (32 / 2 / 16) + rem;
        color: #505050;
        word-break: break-all;
        word-wrap: break-word;
      }
      .replayBox{
        @include clearfix;
        margin: 0!important;
      }
      .replay{
        margin-top: 10px;
        font-size: (24 / 2) + px;
        color: #8f8f8f;
      }
      .commentTime{
        padding-right: 5px;
        float: right;
        font-size: (24 / 2) + px;
        color: #6b8798;
      }
    }
  }
  .originComm{
    font-size: (24 / 2 /16) + rem;
    color: #8f8f8f;
  }
  .commentBackTime{
    color: #8f8f8f;
  }
  .commentBack{
    margin-top: 13px;
    margin-bottom: 13px;
    padding: 10px;
    background-color: #f2f2f2;
    .commentBackName{
      font-size: (32 / 2 /16)+rem;
      color: #17356a;
    }
    .commentBackImg{
      @include border-radius(180px);
      float: left;
    }
    .commentBackMain{
      padding-left: 37px;
    }
  }
  .priseHandT{
    display: inline-block;
    height: 12px;
    width: 13px;
    margin-left: 5px;
    background: sprite($icons,priseT) no-repeat;
  }
  .priseHandF{
    display: inline-block;
    height: 12px;
    width: 13px;
    margin-left: 5px;
    background: sprite($icons,prisF) no-repeat;
  }
  .selet{
    background-color: #17356a!important;
    color: white!important;
  }
  .footerBut{
    width: 92.03125%!important;
    margin: 0 auto;
    margin-top: 5px;
    font-size: 13px;
    @include clearfix;
    span{
      cursor: pointer;
    }
    span:nth-of-type(1){
      color: #277db3;
      float: left;
    }
    span:nth-of-type(2){
      display: inline-block;
      width: 80%;
      font-size: 16px!important;
      color: #475f6e;
      text-align: center;
    }
    span:nth-of-type(3){
      font-size: 13px!important;
      color: #277db3;
      float: right;
    }
  }
  .footerText{
    height: (171 / 2) + px!important;
    width: 92.03125%!important;
    margin: 0 auto;
  }
  .mainTextShare{
    margin:  0 auto;
    margin-top: 11px;
    height: 23px;
    width: 23px;
    @include replace-text("share.png");
    background-size: contain;
  }
  .mainTextEdit{
    margin:  0 auto;
    margin-top: 11px;
    height: 23px;
    width: 23px;
    @include replace-text("edit.png");
    background-size: contain;
  }
  .mainTextStar{
    margin:  0 auto;
    margin-top: 11px;
    height: 23px;
    width: 23px;
    @include replace-text("star.png");
    background-size: contain;
  }
  .mainTextStarSelect{
    margin:  0 auto;
    margin-top: 11px;
    height: 23px;
    width: 23px;
    @include replace-text("starSelect.png");
    background-size: contain;
  }
  .rightBut{
    background-color: #17356a;
    border: none!important;
    line-height: 2.42857;
  }
  .commBut{
    @include replace-text("communityBox.png");
    background-size: contain;
    width: 23px;
    margin-right: 10px;
  }
  .write{
    @include replace-text("edit.png");
    background-size: contain;
    width: 23px;
    margin-right: 10px;
  }
  .mainText{
    .mainTextTitle{
      font-size: (36 / 2 / 16) + rem;
      color: #17356a;
      line-height: 1.5rem;
      padding-top: 18px;
      margin-bottom: 0!important;
      padding-left: 2.5%;
      padding-right: 2.5%;
    }
    .litTitle{
      padding-top: 11px;
      font-size: (24 / 2 / 16) + rem;
      color: #8f8f8f;
      padding-left: 2.5%;
      padding-right: 2.5%;
      border-bottom: 1px solid #dadada;
      padding-bottom: 12px;
      margin-bottom: 2px!important;
    }
    .mainData{
      padding: 2.5%;
      font-size: (28 / 2 / 16) + rem;
      color: #505050;
      line-height: 1.40625rem;
      text-indent: 1em;
      img{
        width: 93%;
        height: 100%;
      }

    }
    .relatedTitle{
      font-size: (30 / 2 /16) + rem;
      width: (167 / 2) + px;
      padding-left: 2.5%;
      color: white;
      padding-top: 5px;
      padding-bottom: 5px;
      padding-right: 10px;
      background-color: #17356a;
      @include border-bottom-right-radius(40px);
      @include border-top-right-radius(40px);
      margin-bottom: 10px;
    }
    .commentsTitle{
      font-size: (30 / 2 /16) + rem;
      width: (167 / 2) + px;
      padding-left: 2.5%;
      color: white;
      padding-top: 5px;
      padding-bottom: 5px;
      padding-right: 10px;
      background-color: #17356a;
      @include border-bottom-right-radius(40px);
      @include border-top-right-radius(40px);
      margin-top: 10px;
    }
    .newsImg{
      width: 100%;
      padding: 2.5%;
    }
  }
  .products{
    background-color: #f0f0f0;
    p{
      line-height: 1.5em;
      padding-left: 2.5%;
      padding-right: 2.5%;
      margin: 0;
      background-color: white;
      display: -webkit-box;
      display: -moz-box;
      display: box;
      -webkit-box-align: start;
      -webkit-box-orient: horizontal;
      -webkit-box-pack: center;
      color: #505050;
      img{
        margin-top: (38 / 2) + px;
        margin-bottom: 4px;
      }
    }
    span{
      display: inline-block;
    }
    strong{
      padding-bottom: (17 / 2) + px;
      text-align: center;
      line-height: (50 / 2 / 16) + rem;
      font-size: (30 / 2 / 16) + rem;
      color: #17356a;
      span{
        display: inline-block;
        margin: 0 auto;
        width: 100%;
      }
    }
  }
  .floatR{
    float:right;
    word-break: normal;
    word-wrap: normal;
  }
  .userHead{
    line-height: 64px;
    img{
      height: 64px;
      width: 64px;
      float:right;
      @include border-radius(180px);
    }
    .file{
      height: 64px;
      width: 64px;
      position: absolute;
      right: 17px;
      z-index: 10;
      @include opacity(0);
    }
  }
  .data{
    display: inline-block;
    padding-right: 10px;
  }

  .-mob-share-ui{
    display: none;
  }
  .-mob-share-open{
    position: absolute;
    bottom: 0;
    z-index: 100;
    width: 33.33333333333%;
    right: 0;
    height: 44px;
    @include opacity(0);
  }
  .addClick{
    background-color: #092963!important;
  }
  .mainText{
    table{
      width: 100%;
    }
  }
  .userDescription{
    font-size: 15px!important;
  }
  .imgCrop{
    background-color: #f0f0f0 !important;
    h3{
      color: #17356a;
      line-height: 50px;
    }
    .urlImg{
      padding-bottom: 10px;
      img{
        @include border-radius(180px);
      }
    }
    .resImageDataURI{
      width: 65%;
      margin: 0 auto;
      border: 1px solid;
      text-align: center;
    }
    .resImageDataURIBut{
      background-color: #17356a !important;
      border-color: #17356a !important;
      position: relative;
      width: 65%;
      left: 15%;
      margin: 10px;
    }
    .resImageDataURIFile{
      opacity: 0;
      z-index: 100;
      position: absolute;
      left: 0;
      top: 0;
      height: 45px;
    }
  }
  .userData{
    .bar.bar-energized{
      width: 56.25%;
      background-color:#e15a00;
      margin:  0 auto;
      margin-top: (86 / 2) + px;
      margin-bottom: (86 / 2) + px;
      @include border-radius(40px);
    }
  }
  .textCommunicate{
    height: 95%;
  }

}
.butR{
  display: inline-block;
  height: 15px;
  width: 10px;
  float: right;
  background: sprite($icons,rBut,0,4px) no-repeat;
}
.item-content{
  padding-right: 23px!important;
}
ion-nav-view{
  top:0!important;
}
.uiSref{
  left: 0;
  top: 0;
  position: absolute;
  height: 100%;
  width: 100%;
}
.heightAdd{
  height: 129px!important;
  z-index: 15!important;
}
.commentText{
  width: 92.03125% !important;
  margin: 0 auto;
  border: 1px solid #dadada;
  text-indent: 2em;
  height: 85px;
  margin-top: 7px;
}
.footer{
  color: white;
  .commentBack{
    width: 92.03125% !important;
    margin: 0 auto;
    border: 1px solid #dadada;
    text-indent: 2em;
    height: 85px;
    margin-top: 7px;
    background-color: white;
  }
}
.commentReply{
  width: 92.03125% !important;
  margin: 0 auto;
  border: 1px solid #dadada;
  text-indent: 2em;
  height: 85px;
  margin-top: 7px;
}
.cover{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  @include opacity(0.5);
  z-index: 15;
}
.userReviseBox{
  width: 90%;
  margin: 0 auto;
  input{
    margin-top: (15 / 2) + px;
    width: 100%;
  }
  span{
    color: grey;
    font-size: (12 / 2 /16) + rem;
    line-height: 2rem;
  }
}
.textBottom{
  border-bottom: 1px solid #69ee11!important;
}
.submitUser{
  background-color: #17356a!important;
  left: 5%!important;
  width: 90%;
}
.changeImg{
  margin: 0 auto;display: block;width: 115px;margin-bottom: 20px;height: 28px;
  overflow: hidden;
}
.commentShow{
  display: none!important;
}
.as{
  height: 125px;
  display: block!important;
}
.reply{
  display: none;
}
.commentBackImg{
  height: (62 / 2) + px;
  width: (62 / 2) + px;
}
.back-button{
  display: block!important;
}
.signContent{
  height: auto!important;
}
.scrollYFix{
  height: 100%;
}

.toTop0{
  background-color:#f0f0f0 !important;
  position: absolute;
  z-index: 12;
  display: inline-block;
  padding: 3px 0;
  width: 40px;
  height: 40px;
  @include border-radius(180px);
  list-style: none;
  text-align: center;
  font-weight: normal;
  font-size: 32px;
  cursor: pointer;
  bottom: 20%;
  left: 64%;
  border: 1px solid;
}
.toTop1{
  display: none;
  opacity:  0;
  background-color:#f0f0f0 !important;
  position: absolute;
  z-index: 10;
  padding: 3px 0;
  width: 40px;
  height: 40px;
  @include border-radius(180px);
  list-style: none;
  text-align: center;
  font-weight: normal;
  font-size: 32px;
  cursor: pointer;
  bottom: 20%;
  left: 51%;
  border: 1px solid;
}
.toTop2{
  background-color:#f0f0f0 !important;
  position: absolute;
  z-index: 10;
  display: none;
  opacity:  0;
  padding: 3px 0;
  width: 40px;
  height: 40px;
  @include border-radius(180px);
  list-style: none;
  text-align: center;
  font-weight: normal;
  font-size: 32px;
  cursor: pointer;
  bottom: 20%;
  left: 77%;
  border: 1px solid;
}
.toTop3{
  background-color:#f0f0f0 !important;
  position: absolute;
  z-index: 10;
  display: none;
  opacity:  0;
  padding: 3px 0;
  width: 40px;
  height: 40px;
  @include border-radius(180px);
  list-style: none;
  text-align: center;
  font-weight: normal;
  font-size: 32px;
  cursor: pointer;
  bottom: 27%;
  left: 64%;
  border: 1px solid;
}
.toTop4{
  background-color:#f0f0f0 !important;
  position: absolute;
  z-index: 10;
  display: none;
  opacity:  0;
  padding: 3px 0;
  width: 40px;
  height: 40px;
  @include border-radius(180px);
  list-style: none;
  text-align: center;
  font-weight: normal;
  font-size: 32px;
  cursor: pointer;
  bottom: 13%;
  left: 64%;
  border: 1px solid;
}
.toTop5{
  background-color:#f0f0f0 !important;
  position: absolute;
  z-index: 10;
  display: none;
  opacity:  0;
  padding: 3px 0;
  width: 40px;
  height: 40px;
  @include border-radius(180px);
  list-style: none;
  text-align: center;
  font-weight: normal;
  font-size: 32px;
  cursor: pointer;
  bottom: 27%;
  left: 51%;
  border: 1px solid;
}
.toTop6{
  background-color:#f0f0f0 !important;
  position: absolute;
  z-index: 10;
  display: none;
  opacity:  0;
  padding: 3px 0;
  width: 40px;
  height: 40px;
  @include border-radius(180px);
  list-style: none;
  text-align: center;
  font-weight: normal;
  font-size: 32px;
  cursor: pointer;
  bottom: 27%;
  left: 77%;
  border: 1px solid;
}
.toTop7{
  background-color:#f0f0f0 !important;
  position: absolute;
  z-index: 10;
  display: none;
  opacity:  0;
  padding: 3px 0;
  width: 40px;
  height: 40px;
  @include border-radius(180px);
  list-style: none;
  text-align: center;
  font-weight: normal;
  font-size: 32px;
  cursor: pointer;
  bottom: 13%;
  left: 51%;
  border: 1px solid;
}
.toTop8{
  background-color:#f0f0f0 !important;
  position: absolute;
  z-index: 10;
  display: none;
  opacity:  0;
  padding: 3px 0;
  width: 40px;
  height: 40px;
  @include border-radius(180px);
  list-style: none;
  text-align: center;
  font-weight: normal;
  font-size: 32px;
  cursor: pointer;
  bottom: 13%;
  left: 77%;
  border: 1px solid;
}
.logo{
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 24px;
  background: sprite($icons,logo,0px,7px) no-repeat;
}
.-mob-share-close{
  background-color: #387ef5!important;
}
.height{
  height: 100%!important;
}
.zeroHeight{
  height: 0;
}
.maxHeight{
  height: 44px;
}
//天气预报
.popup-body{
  margin: 0 auto;
}
.weatherCoverBox{
  z-index: 10;
  position: absolute;
  height: 130px;
  width: 140px;
}
.none{
  display: none;
}
//uc键盘弹出增加样式
.fixed{
  position: fixed!important;
}

